<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        li {
            list-style: none;
            background: url("./images/icon1.png") no-repeat 0 center;
            text-indent: 12px;
        }
    </style>
</head>
<body>
    <ul>
        <li>泽连斯基再邀特朗普访乌</li>
        <li>特朗普被判罚后带货卖鞋</li>
        <li>老凤祥洗手镯logo被蹭掉</li>
        <li>男子曝妻子虐待婆婆致死</li>
    </ul>
</body>
</html>

<!-- 
    文本属性和列表属性具有继承性

    list-style: none;
    表示不需要列表符号


    给列表添加特殊符号
    1. 使用list-style:none;删除原点
    2. 使用background属性将图片作为背景图
    3. 设置不平铺，修改位置，对文字进行首行缩进
 -->